<template>
  <div class="material-detail container-public">
    <div class="page-head">
      <Head></Head>
      <Mallhead></Mallhead>
      <HeadMenu></HeadMenu>
    </div>
    <div class="material-detail-con">
      <!-- <BreadCrumb secondText="金融服务"></BreadCrumb> -->
      <div class="title">
        <b>金融服务标题</b>
        <el-button size="small" class="buy" type="primary">委托办理</el-button>
      </div>
      <div class="detail-img">
        <div class="title">
          <b>简述：</b>
          <span
            >这是一段商品描述这是一段商品描述这是一段商品描述这是一段商品描述这是一段商品描述这是一段商品描述这是一段商品描述</span
          >
        </div>
        <div class="img"></div>
        <div class="img"></div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: "Finance",
  data() {
    return {};
  },
  methods: {},
};
</script>
<style scoped lang="scss">
@import "@/style/color.scss";

.material-detail-con {
  width: $bigWidth;
  background-color: #fff;
  margin: 0 auto;
  padding: 50px;
 .title {
    width: 100%;
    text-align: center;
    b {
      font-size: 20px;
    }
    .buy {
      float: right;
    }
  }
  .detail-img {
    padding: 50px;
    .title {
      display: flex;
      align-items: center;
      b {
        font-size: 20px;
        margin-right: 50px;
      }
    }
    .img {
      width: 50%;
      height: 300px;
      background: $bgColor;
      margin: 20px auto 0;
    }
  }
}
</style>
